// sidebar
$menuText: #bfcbd9;
$menuActiveText: #409EFF;
$subMenuActiveText: #f4f4f5;

$menuBg: #304156;
$menuHover: #263445;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$sideBarWidth: 210px;

// 颜色变量
$primaryColor: #409EFF;
$successColor: #67C23A;
$warningColor: #E6A23C;
$dangerColor: #F56C6C;
$infoColor: #909399;

$backgroundColor: #F5F7FA;
$textColor: #303133;
$textColorSecondary: #606266;
$textColorPlaceholder: #909399;
$borderColor: #DCDFE6;
$borderColorLight: #E4E7ED;
$borderColorLighter: #EBEEF5;
$borderColorExtraLight: #F2F6FC;

// 其他变量
$headerHeight: 60px;
$tagsViewHeight: 34px;
$appMainPadding: 20px;

// 导出变量给js使用
:export {
    menuText: $menuText;
    menuActiveText: $menuActiveText;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
}